<template>
  <div @click="add">
    hello world -- {{ state.count }} -- {{ res }}
  </div>
</template>

<script setup>
import { reactive } from './reactivity/reactive.js'
import { effect } from './reactivity/effect.js'
// import { computed, effect, reactive } from 'vue'
const state = reactive({
  count: 0,
  like: {
    a: 2
  }
})

const add = () => {
  state.count++
}

effect(() => {
  console.log('effect', state.count);
})
</script>

<style lang="scss" scoped></style>